<template>
    <div>
        <input type="text" v-model="title">
        <button @click="addTitle">新增</button>
    </div>
</template>
<script>
    // 借助event.js实现兄弟组件通信
    import event from './event'
    export default {
        name: 'Input',
        data() {
            return {
                title: ''
            }
        },
        methods: {
            addTitle() {
                // 调用父组件的事件
                this.$emit('add', this.title)
                // 触发自定义事件
                event.$emit('onAddTitle', this.title)
                this.title = ''
            }
        },
    }
</script>
<style>

</style>